<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <script>
    // has路由
    // window.addEventListener('hashchange',function(ev){
    //   console.log(ev.newURL)
    //   console.log(ev.oldURL)
    // })
    // history模式
    //使用popstate事件来监听url的变化
    // window.addEventListener("popstate",(ev)=>{
    //         console.log(ev)
    //         go(ev)
    //     })
    // var p = new Promise(res => {
    //   console.log(1)
    //   setTimeout(function(){
    //     res(2)
    //   })
    //   console.log(3)
    // })
    // var b = function(){
    //   console.log(87)
    // }
    // function abc(){
    //   console.log(8)
    //   p.then(function(d){
    //     console.log(d)
    //   })
    //   setTimeout(() => {
    //     console.log(4)
    //   })
    //   b()
    // }
    // abc()
//     class People {
//   construtor (name = 'name') {
//     this.name = name
//   }
//   eat(a){
//     console.log(123,a)
//   }
// }
// class man extends People {
//   constructor (name = 'name') {
//     super(name); 
//   }
//   eat (a) {
//     super.eat(a)
//   }
// }
// const data = new man()
// console.log(data.eat('b'))
var a = {
  get(){
    console.log(this.name)
  },
  name:'ss'
}
var b = {
  ba(){
    console.log(this.name)
    a.get.call()
  },
  name:'s1s'
}
var name = "b"
b.ba()
  </script>
</head>

<body>
  <a href="/abc" target="_blank">123</a>
</body>

</html>